<section *ngIf="showForm">
  <nz-tabset [nzTabPosition]="nzTabPosition">
    <nz-tab nzTitle="房东信息">
      <div class="clearfix" nz-row>
        <nz-form-item style="margin-bottom: 0;" nz-col nzSpan="8">
          <nz-form-label [nzSpan]="8" style="width: 150px;" nzFor="email">照片</nz-form-label>
          <nz-form-control [nzSpan]="8">
        <nz-upload
          nzListType="picture-card"
          [(nzFileList)]="fileList"
          [nzShowUploadList]="{ showPreviewIcon: true, showRemoveIcon: false, showDownloadIcon: false}"
          [nzShowButton]="false"
          nzAccept="image/*"
          [nzPreview]="handlePreview"
        >
        </nz-upload>
      </nz-form-control>
    </nz-form-item >
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
      <sf [formData]="param" [schema]="schema" (formSubmit)="formSubmit($event)" [button]="null"></sf>
    </nz-tab>
    <nz-tab nzTitle="管理权限">
      <nz-input-group [nzSuffix]="suffixIcon">
        <input type="text" nz-input placeholder="Search" [(ngModel)]="searchValue" />
      </nz-input-group>
      <ng-template #suffixIcon>
        <i nz-icon nzType="search"></i>
      </ng-template>
      <nz-card style="height: 600px;overflow: auto;">
        <nz-tree [nzData]="houseList" [nzSearchValue]="searchValue" nzAsyncData (nzClick)="selectChage($event)"> </nz-tree>
      </nz-card>
    </nz-tab>
  </nz-tabset>
</section>
